.button-open, .nav-tabs>li>a{
    font-family: "微软雅黑";
    font-size: 37px;
    color: white;
    line-height: 186px;
    text-decoration: none;
    width: 200px;
    height: 200px;

    border-radius: 200px;
    margin-left: 20px;
    /*margin-bottom: 23px;*/

    padding: 2px;

    text-align: center;
    display: inline-block;
    background-color: rgb(153, 153, 153);
}
a:hover{
    cursor: pointer;
}
.button-open:first-child{
    margin-left: 0px;
}

.button-open:hover, .nav-tabs>li>a:hover{
    color: white;
    text-decoration: none;
    cursor: pointer;
    background-color: #3c9040;
}

.button-open:active, .nav-tabs>li>a:active, .nav-tabs>li>a:focus, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    color: white;
    text-decoration: none;
    background-color: #4cae4c;
}




.button-close, .nav-tabs>li>a{
    font-family: "微软雅黑";
    font-size: 37px;
    color: white;
    line-height: 186px;
    text-decoration: none;
    width: 200px;
    height: 200px;

    border-radius: 200px;
    margin-left: 20px;
    /*margin-bottom: 23px;*/

    padding: 2px;

    text-align: center;
    display: inline-block;
    background-color: rgb(153, 153, 153);
}
.button-close:first-child{
    margin-left: 0px;
}

.button-close:hover, .nav-tabs>li>a:hover{
    color: white;
    text-decoration: none;
    cursor: pointer;
    background-color: #9f191f;
}

.button-close:active, .nav-tabs>li>a:active, .nav-tabs>li>a:focus, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    color: white;
    text-decoration: none;
    background-color: #8a1f11;
}


.openBtn{
    background: #44b549;
}


.closeBtn{
    background: red;
}